<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width">
    <title>BLAZOR DASHBOARD</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    
    <link href="css/sitez.css" rel="stylesheet" />
    <link href="css/sidebarz.css"  rel="stylesheet" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <link href="_content/DonutChart/styles.css" rel="stylesheet" />
    <link href="_content/PieChart/styles.css" rel="stylesheet" />
    <link href="_content/HorizontalBarChart/styles.css" rel="stylesheet" />
    <link href="_content/VerticalBarChart/styles.css" rel="stylesheet" />
    <link href="_content/LineChart/styles.css" rel="stylesheet" />

    <link href="_content/Sparklines/styles.css" rel="stylesheet" />
    <link href="_content/ColumnBars/styles.css" rel="stylesheet" />
    <link href="_content/MiniPie/styles.css" rel="stylesheet" />
    <link href="_content/WinLoss/styles.css" rel="stylesheet" />
    <link href="_content/BulletBars/styles.css" rel="stylesheet" />

</head>
<body>
    <app>Loading...</app>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_framework/blazor.webassembly.js"></script>


    <script>
        /*
        var stopEvents = new Boolean("false");
        function init() {
            stopEvents = false;
        }
        window.onload = init;
        function LaunchSideBar() {

            if (stopEvents)
                return;
            ev = window.event;
            ev.stopPropagation();
            ev.preventDefault();
            document.getElementById('nav-menu').style.marginTop = (window.scrollY - 5) + "px";
            document.getElementById('inner-nav-menu').style.height = (window.innerHeight) + "px";

            var container = document.getElementById('slidebar-container');
            container.className = 'slidebar-container';
            container.classList.add('sidebar-nav--open');

            setTimeout(function () {
                document.addEventListener('click', HideSideBar);
            }, 25);
            stopEvents = true;
        }
        */
        function HideSideBar() {
        
            ev = window.event;
            ev.stopPropagation();
            ev.preventDefault();
            document.getElementById('slidebar-container').classList.remove('slidebar-open');
            document.removeEventListener('click', HideSideBar);
            stopEvents = false;
        }
        
        window.onresize = function (event) {
            HideSideBar();
        };

        window.onscroll = function () { scrollSlideInSideBar() };

        function scrollSlideInSideBar() {
            document.getElementById('nav-menu').style.marginTop = (window.scrollY - 5) + "px";

        }

        function SayHello() {
            alert("Hello");
        }
        

    </script>


</body>
</html>
